Framestack

Components

Templates

Testimonials

Pricing

Framestack

Components

Templates

Testimonials

Pricing

Framestack

Components

Templates

Testimonials

Pricing

Components and code overrides for your Framer websites

Framestack is the ultimate component library for designers building websites with Framer.

Get started

View components

Get started

View components

Trusted by over 4000 designers who build websites with Framestack

QR Code

Social Proof Avatars

Payment Card Logos

Free

Circular Progress Bar

Payment Logos

Free

NEW!

New Item Label

Progress Bar

Theme Switcher Dropdown

Open overlay with shortcut

Keyboard Shortcut

0.00

Stopwatch

Link Embed

Free

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

Truncated Text

Free

Justified text, like a meticulously manicured garden, presents itself with an exquisite symphony of alignment, where each word and sentence stands in perfect harmony, akin to a troupe of dancers moving gracefully in unison. This typographic artistry bestows upon the written word a sense of regal elegance, as if the text were donning a tailored suit or a bespoke gown. The lines stretch and contract, like a skilled acrobat performing daring feats on a tightrope, to ensure that the margins are impeccably straight, creating a visual tapestry of order and precision. Justified text, a testament to the craftsmanship of typography, transforms mere words into a captivating visual masterpiece, inviting readers to embark on a literary journey that is as visually pleasing as it is intellectually enriching.

Justified Text

Free

4

12

XII

56

LVI

Roman Numerals

Dark / Light Image

Pixelated Image

Free

Flat Corners

03/25/24

ago

Relative Date Label

Auto Copyright Year

Free

Rainbow Border

Free

Animated Gradient Border

Free

Follow Cursor

This text's highlight color is blue!

Text Highlight Color

Random Layer Selector

Image Zoom

Exit Intent Popup

Negative Gap

Theme Toggle

Before & After Image Slider

Scroll Progress Bar

Circular Layout

CMS Item Counter

5 CMS items

Collection List

CMS Item Counter

https://www.framestack.co/

framestack.co

URL Label

OS Variants

Copy Image to Clipboard

Copy Image Button

This text is visually balanced across multiple lines.

Balanced Text

Free

Back

Back Button

Free

3 minute read

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Odio ut enim blandit volutpat maecenas. Vestibulum lorem sed risus ultricies tristique. Morbi non arcu risus quis varius quam quisque id diam. Dignissim suspendisse in est ante in nibh mauris. Pulvinar pellentesque habitant morbi tristique senectus. Tortor dignissim convallis aenean et tortor at. Dictum varius duis at consectetur lorem donec. A pellentesque sit amet porttitor. Imperdiet sed euismod nisi porta lorem mollis aliquam ut.

Article Read Time

Dark / Light Variants

Patterns

Inset Corners

Monday, 06/17/2024

Current Date Label

Free

Rotate Toward Cursor

Click for 🎉

Confetti

Pulse

Hue Cycle

Random Rotation

Free

Shuffle Stack & Grid

Free

CMS Previous / Next Page Button

Building websites with Framer

How to add components to Framer sites

Dynamic Table of Contents component

Ultimate component library for designers

CMS Table of Contents

3D Hover

Scroll-to-Top Button

Free

Typewriter

Rating

Animated Number Counter

Red

Green

Pink

Orange

Blue

Purple

Yellow

Red

Text Cycle

months
6
days
12
hours
5
minutes
41
seconds
3

4months, 
15days, 
8hours, 
58minutes, 
17seconds

Countdown

𝕏 Share Button

Turn Camera On

Camera Video Feed

Drop caps, with their graceful and ornate presence, bestow upon written works an aura of elegance and sophistication. These typographical gems, like the first strokes of a painter's brush on a canvas, captivate the reader's eye and beckon them into the world of words. They lend an air of timeless charm and vintage allure, invoking the spirit of centuries past while infusing modern texts with an irresistible allure. Aesthetic enchantment aside, drop caps enhance readability by guiding the reader's gaze and ushering them gracefully into the heart of the narrative. In their embrace, we discover that the art of typography is not merely functional but a sublime marriage of form and function, enriching the written word with both visual splendor and literary resonance.

Drop Cap

Masonry Layout

It invites the beholder to embark on a journey, where each corner is a delightful turn in the path, revealing more of the captivating narrative, and leaving them utterly enchanted by the CMS's enchanting allure.

In the enchanting realm of CMS magic, bestow upon your images a delightful embrace of gentle curves and soft edges, as if the very corners themselves had blossomed into vibrant, rounded petals, lending a touch of elegance and charm to your digital tapestry.

CMS Image Radius

Aspect Ratio Image

Free

Squircle

Ease In Out

Easing Gradient

6:18 PM

Clock

Free

Text Encryption Effect

Click

Card Flip

Grid

Staggered Appear Animations

Click

Ripple Effect

Shuffle CMS Collection

Random CMS Item

Collection List

Random CMS Item

QR Code

Image Zoom

CMS Previous / Next Page Button

Social Proof Avatars

Exit Intent Popup

Building websites with Framer

How to add components to Framer sites

Dynamic Table of Contents component

Ultimate component library for designers

CMS Table of Contents

Payment Card Logos

Free

Negative Gap

3D Hover

Circular Progress Bar

Theme Toggle

Scroll-to-Top Button

Free

Payment Logos

Free

Before & After Image Slider

Typewriter

NEW!

New Item Label

Scroll Progress Bar

Rating

Progress Bar

Circular Layout

Animated Number Counter

Theme Switcher Dropdown

CMS Item Counter

5 CMS items

Collection List

CMS Item Counter

Red

Green

Pink

Orange

Blue

Purple

Yellow

Red

Text Cycle

Open overlay with shortcut

Keyboard Shortcut

https://www.framestack.co/

framestack.co

URL Label

months
6
days
12
hours
5
minutes
41
seconds
3

4months, 
15days, 
8hours, 
58minutes, 
17seconds

Countdown

0.00

Stopwatch

OS Variants

𝕏 Share Button

Link Embed

Free

Copy Image to Clipboard

Copy Image Button

Turn Camera On

Camera Video Feed

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

Truncated Text

Free

This text is visually balanced across multiple lines.

Balanced Text

Free

Drop Cap

Justified Text

Free

Back

Back Button

Free

Masonry Layout

4

12

XII

56

LVI

Roman Numerals

3 minute read

Article Read Time

CMS Image Radius

Dark / Light Image

Dark / Light Variants

Aspect Ratio Image

Free

Pixelated Image

Free

Patterns

Squircle

Flat Corners

Inset Corners

Ease In Out

Easing Gradient

03/25/24

ago

Relative Date Label

Monday, 06/17/2024

Current Date Label

Free

6:18 PM

Clock

Free

Auto Copyright Year

Free

Rotate Toward Cursor

Text Encryption Effect

Rainbow Border

Free

Click for 🎉

Confetti

Click

Card Flip

Animated Gradient Border

Free

Pulse

Grid

Staggered Appear Animations

Follow Cursor

Hue Cycle

Click

Ripple Effect

This text's highlight color is blue!

Text Highlight Color

Random Rotation

Free

Shuffle CMS Collection

Random Layer Selector

Shuffle Stack & Grid

Free

Random CMS Item

Collection List

Random CMS Item

QR Code

CMS Previous / Next Page Button

Exit Intent Popup

Payment Card Logos

Free

3D Hover

Theme Toggle

Payment Logos

Free

Typewriter

Scroll Progress Bar

Progress Bar

Animated Number Counter

CMS Item Counter

5 CMS items

Collection List

CMS Item Counter

Open overlay with shortcut

Keyboard Shortcut

months
6
days
12
hours
5
minutes
41
seconds
3

4months, 
15days, 
8hours, 
58minutes, 
17seconds

Countdown

OS Variants

Link Embed

Free

Turn Camera On

Camera Video Feed

This text is visually balanced across multiple lines.

Balanced Text

Free

Justified Text

Free

Masonry Layout

3 minute read

Article Read Time

Dark / Light Image

Aspect Ratio Image

Free

Patterns

Flat Corners

Ease In Out

Easing Gradient

Monday, 06/17/2024

Current Date Label

Free

Auto Copyright Year

Free

Text Encryption Effect

Click for 🎉

Confetti

Animated Gradient Border

Free

Grid

Staggered Appear Animations

Hue Cycle

This text's highlight color is blue!

Text Highlight Color

Shuffle CMS Collection

Shuffle Stack & Grid

Free

Image Zoom

Social Proof Avatars

Building websites with Framer

How to add components to Framer sites

Dynamic Table of Contents component

Ultimate component library for designers

CMS Table of Contents

Negative Gap

Circular Progress Bar

Scroll-to-Top Button

Free

Before & After Image Slider

NEW!

New Item Label

Rating

Circular Layout

Theme Switcher Dropdown

Red

Green

Pink

Orange

Blue

Purple

Yellow

Red

Text Cycle

https://www.framestack.co/

framestack.co

URL Label

0.00

Stopwatch

𝕏 Share Button

Copy Image to Clipboard

Copy Image Button

Over 50 powerful Framer components and overrides to upgrade your design workflow. Just copy and paste to add effects and interactions to your sites without writing any code.

Truncated Text

Free

Drop Cap

Back

Back Button

Free

4

12

XII

56

LVI

Roman Numerals

CMS Image Radius

Dark / Light Variants

Pixelated Image

Free

Squircle

Inset Corners

03/25/24

ago

Relative Date Label

6:18 PM

Clock

Free

Rotate Toward Cursor

Rainbow Border

Free

Click

Card Flip

Pulse

Follow Cursor

Click

Ripple Effect

Random Rotation

Free

Random Layer Selector

Random CMS Item

Collection List

Random CMS Item

Testimonials

See what over 400 happy customers are saying.

Matt Theuma

Product designer at Unity

"I bought both because I loved the attention to detail and quality of both your components, so I wanted to support your work! They looked great by default!"

Theme Toggle, Before & After Image Slider • Jan 3, 2024

Matt Bailey

Founder of High Line Design

"Overall, great work and love the components you’ve built. I've used almost all of your components in different projects and they work amazing and haven’t had any issues or conflicts. Thanks for the amazing work!"

Framestack • Mar 29, 2024

Amihai Loven

Creative Threads

"Your template is a lifesaver for my long-term project. It’s finally taking shape, thanks to the clarity your design brings. Really looking forward to seeing it live and getting some eyes on it! Totally impressed by your responsiveness, and quality of service."

Documint • Dec 13, 2024

Frameplate

Framer Template Store

"Don't miss out on this if you're building websites with Framer"

Framer Essentials • Jan 13, 2024

Vishal Sehgal

"Your generosity and support mean a lot to me, and I truly appreciate your willingness to make the template more accessible for my project. Your excellent customer service and consideration have not gone unnoticed. I have purchased it and I am excited to utilize the template, and your support has made a significant impact."

Documint • Feb 10, 2024

Matt Theuma

Product designer at Unity

"I bought both because I loved the attention to detail and quality of both your components, so I wanted to support your work! They looked great by default!"

Theme Toggle, Before & After Image Slider • Jan 3, 2024

Amihai Loven

Creative Threads

Documint • Dec 13, 2024

Vishal Sehgal

Documint • Feb 10, 2024

Matt Bailey

Founder of High Line Design

Framestack • Mar 29, 2024

Frameplate

Framer Template Store

"Don't miss out on this if you're building websites with Framer"

Framer Essentials • Jan 13, 2024

Matt Theuma

Product designer at Unity

"I bought both because I loved the attention to detail and quality of both your components, so I wanted to support your work! They looked great by default!"

Theme Toggle, Before & After Image Slider • Jan 3, 2024

Vishal Sehgal

Documint • Feb 10, 2024

Frameplate

Framer Template Store

"Don't miss out on this if you're building websites with Framer"

Framer Essentials • Jan 13, 2024

Amihai Loven

Creative Threads

Documint • Dec 13, 2024

Matt Bailey

Founder of High Line Design

Framestack • Mar 29, 2024

Pricing

Buy once, use forever.

Get lifetime access to use all components in unlimited websites.

Free

$0

For designers getting started with building websites in Framer.

Access to all free components

Get 15+ components for your sites

Access to all free components

Get 15+ components for your sites

Access to all free components

Get 15+ components for your sites

Fully integrated with Framer

All components are designed specifically for Framer sites

Fully integrated with Framer

All components are designed specifically for Framer sites

Fully integrated with Framer

All components are designed specifically for Framer sites

No coding knowledge needed

We wrote the code so you don't have to

No coding knowledge needed

We wrote the code so you don't have to

No coding knowledge needed

We wrote the code so you don't have to

Basic email support

Response within 1-2 days

Basic email support

Response within 1-2 days

Basic email support

Response within 1-2 days

Commercial

$189

$249

For Framer template creators selling paid website templates.

Buy Now

Includes all features of Pro

Get access to all components

Allows redistribution of components in paid templates

Commercial license gives you the ability to include components from Framestack in your paid website templates

Commercial

$189

$249

For Framer template creators selling paid website templates.

Buy Now

Includes all features of Pro

Get access to all components

Allows redistribution of components in paid templates

Commercial license gives you the ability to include components from Framestack in your paid website templates

Pro

$49

$59

For designers and businesses building websites with Framer.

Buy Now

Lifetime access to all components and overrides

Unlock 60+ components for your sites and keep them forever

Lifetime access to all components and overrides

Unlock 60+ components for your sites and keep them forever

Lifetime access to all components and overrides

Unlock 60+ components for your sites and keep them forever

Fully integrated with Framer

All components are designed specifically for use in Framer

Fully integrated with Framer

All components are designed specifically for use in Framer

Fully integrated with Framer

All components are designed specifically for use in Framer

Includes all future updates

Framestack gets updates weekly

Includes all future updates

Framestack gets updates weekly

Includes all future updates

Framestack gets updates weekly

No coding knowledge needed

We wrote the code so you don't have to

No coding knowledge needed

We wrote the code so you don't have to

No coding knowledge needed

We wrote the code so you don't have to

Source code access for all components

Need to make changes or read the code? No problem

Source code access for all components

Need to make changes or read the code? No problem

Source code access for all components

Need to make changes or read the code? No problem

Premium email support

Guaranteed response within 24 hours

Premium email support

Guaranteed response within 24 hours

Premium email support

Guaranteed response within 24 hours

Commercial

$189

$249

For Framer template creators selling paid website templates.

Buy Now

Includes all features of Pro

Get access to all components

Allows redistribution of components in paid templates

Commercial license gives you the ability to include components from Framestack in your paid website templates

Commercial

$189

$249

For Framer template creators selling paid website templates.

Buy Now

Includes all features of Pro

Get access to all components

Allows redistribution of components in paid templates

Commercial license gives you the ability to include components from Framestack in your paid website templates

FAQs

Your questions, answered.

How do I use the components in Framer?

Press the copy button on a component and paste onto the canvas in a Framer project. The component will instantly be loaded into your project, where you can customize and edit it.

Do I need to know how to code?

Not at all! Every component on Framestack can be configured with no-code using the visual controls in the properties panel. All overrides in the library can be copied and pasted in without any code changes.

Is this a subscription or one-time purchase?

The Pro and Commercial licenses are one-time purchases. Once you have paid, you get permanent access to all current and future components and overrides added to the library without paying again.

Can I use the components to create sites for my clients?

Yes, you can use components from Framestack as part of websites created for your clients.

To use the components in Framer templates, you will need to purchase the commercial license.

For official license terms, read the License and Terms and Conditions.

Can I use the components in Framer templates?

You can use components from Framestack in paid Framer templates if you purchase the Commercial license.

Without a Commercial license, you may not redistribute any components, in templates or through any other method.

For official license terms, read the License and Terms and Conditions.

What is the refund policy?

You can request a refund within 7 days of purchase if you find that the product does not meet your needs.

How can I get support?

If you have a question, the best way to contact me is to send an email. You can find contact information on the Contact page.

If you prefer to use Twitter, you can also send a DM to @framestack_.

Can I edit the code?

Yes, you can view and edit the code for each code component. However, if you unlink the code component, you won't be able to receive new updates or bug fixes for that component unless you reimport it.

How do I use the components in Framer?

Press the copy button on a component and paste onto the canvas in a Framer project. The component will instantly be loaded into your project, where you can customize and edit it.

Do I need to know how to code?

Is this a subscription or one-time purchase?

The Pro and Commercial licenses are one-time purchases. Once you have paid, you get permanent access to all current and future components and overrides added to the library without paying again.

Can I use the components to create sites for my clients?

Yes, you can use components from Framestack as part of websites created for your clients.

To use the components in Framer templates, you will need to purchase the commercial license.

For official license terms, read the License and Terms and Conditions.

Can I use the components in Framer templates?

You can use components from Framestack in paid Framer templates if you purchase the Commercial license.

Without a Commercial license, you may not redistribute any components, in templates or through any other method.

For official license terms, read the License and Terms and Conditions.

What is the refund policy?

You can request a refund within 7 days of purchase if you find that the product does not meet your needs.

How can I get support?

If you have a question, the best way to contact me is to send an email. You can find contact information on the Contact page.

If you prefer to use Twitter, you can also send a DM to @framestack_.

Can I edit the code?

How do I use the components in Framer?

Press the copy button on a component and paste onto the canvas in a Framer project. The component will instantly be loaded into your project, where you can customize and edit it.

Do I need to know how to code?

Is this a subscription or one-time purchase?

The Pro and Commercial licenses are one-time purchases. Once you have paid, you get permanent access to all current and future components and overrides added to the library without paying again.

Can I use the components to create sites for my clients?

Yes, you can use components from Framestack as part of websites created for your clients.

To use the components in Framer templates, you will need to purchase the commercial license.

For official license terms, read the License and Terms and Conditions.

Can I use the components in Framer templates?

You can use components from Framestack in paid Framer templates if you purchase the Commercial license.

Without a Commercial license, you may not redistribute any components, in templates or through any other method.

For official license terms, read the License and Terms and Conditions.

What is the refund policy?

You can request a refund within 7 days of purchase if you find that the product does not meet your needs.

How can I get support?

If you have a question, the best way to contact me is to send an email. You can find contact information on the Contact page.